<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{$qt_jj}</title>
<script type="text/javascript" src="Public/js/jquery-1.7.js"></script>
<link rel=stylesheet type="text/css" href="Public/js/imggd/style.css" />
<script type="text/javascript" src="Public/js/imggd/scroll.js"></script>
<style>
body{background-color:#CFCFC5;text-align:center}
.telbody{
	/*margin:0 auto;*/
	/*text-align:left;*/
	width:900px;
	/*border-left:1px dotted #B3B3A9;
	border-right:1px dotted #B3B3A9;*/
	color:#FFF;
	font-size:11px;
	height:400px;
	font-size:12px;
}

.showcontent{width:820px;height:300px;background:#fff;margin:1em auto;border:0px dotted #B3B3A9;position:relative;overflow:hidden;}
.showcontent .img{width:240px;height:280px;float:left;margin:0 auto:padding-top:15px;}
.showcontent .text{width:560px;height:280px;float:right;font-size:13px;text-align:left;padding-left:10px;padding-top:25px;border:0px dotted #B3B3A9;}
.showcontent img{width:220px;height:260px;padding-left:5px}
.showcontent #showaction{text-align:center;padding-top:5px;font-size:12px;}
.imgbg{width:230px;height:270px;border:1px solid #777;padding-top:10px}

#showtext{color:#747566;font-size:15px;
text-autospace:ideograph-parenthesis;
	word-wrap:break-word ;
	word-break:break-all;
	font-weight :bold1;
	letter-spacing:3px;
	text-indent123:15px;
	line-height:25px;
}

</style>

</head>
<body>
<include file="Tpl/Index/header.html" />
<div style="padding-top:20px;">
	<table width="100%"  border=0 cellspacing="0" cellpadding="0">
		<tr>
			<td valign="top" width="24%" >
			
				&nbsp;
			</td>
			<td valign="top" align="left" width="76%" style="border-left:0px solid #B3B3A9;background-color:#fff;background-image1:url('Public/image/beijing-3.jpg')">
				<div style="">
					<div class="telbody" >
						<div class="showcontent" >
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td width="30%" valign='top'><div class="imgbg" style="background-image:url('Public/image/bg13333.png');"><div id="showimage" ></div></div></td>
									<td  width="70%"><div class="text" id="showtext"></div></td>
								</tr>
							</table>
								
						</div>
						<DIV id=featureContainer>
						<DIV id=feature>
						<DIV id=block>
						<DIV id="botton-scroll">
						<UL class=featureUL>
						<volist name="images" id="vo">
						  <LI class=featureBox>
						  <DIV class=box><A href="#"><IMG alt=Paracletos  src="{$vo['img_url']}" pid="{$vo['pid']}" width=220 height=150> </A></DIV>
						  <!-- /box --></LI>
						  </volist>
						 </UL></DIV><!-- /botton-scroll --></DIV><!-- /block --><A class=prev href="javascript:void();">Previous</A><A class=next 
						href="javascript:void();">Next</A> </DIV>
						<!-- /feature --></DIV><!-- /featureContainer -->
					   
					</div>
										
				</div>
			</td>
		</tr>
	</table>
	
</div>
<include file="Tpl/Index/footer.html" />






<literal>
<script>
$(function() {
	$("#botton-scroll").jCarouselLite({
	btnNext: ".next",
	btnPrev: ".prev"
	});
	$('#top-menu li').hover(
			function () {$('ul', this).slideDown(200);}, 
			function () {$('ul', this).slideUp(200);
	});
	$(".click").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	}); 
	$('.fade').hover(
			function() {$(this).fadeTo("slow", 0.5);},
			function() {$(this).fadeTo("slow", 5);
	});
	 //默认显示第一个
    $(".featureBox img:first").each(function(){
    	getImageContent($(this).attr("pid"));
    	return false;
    });
    function getImageContent(pid){
    	$.ajax({
 		   type: "POST",
 		   url: "?m=Index&a=getImgContent",
 		   data: "pid="+pid,
 		   dataType:'json',
 		   success: function(msg){
 		     $("#showimage").html("<img src='"+msg.url+"' align='absmiddle' />");
 		     $("#showtext").html(msg.text);
 		   }
 		}); 
    }
    $(".featureBox div IMG").bind('click',function(){
    	getImageContent($(this).attr("pid"));
    	return false;
    });
});
</script>
</literal>

</body>
</html>